@import "@/styles/variables.less";

.motion-list {
  .motion-list-header {
    padding: @size-base @size-base 16px @size-base;
  }
  .search-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    .outline-input {
      flex: 1;
    }
  }
  .sort-bar {
    width: 25vw;
    .sort-title {
      color: @default-color;
      font-size: @size-sm;
    }
    margin-right: 6px;
  }
  .content {
    display: grid;
    grid-template-columns: 48% 48%;
    gap: @size-xs;
    padding: 0 @size-xs @size-base @size-xs;
  }
  .content-empty {
    padding: 0 @size-xs @size-base @size-xs;
  }
}
